<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="//g.alicdn.com/de/prismplayer/2.1.0/skins/default/aliplayer-min.css" />
    <script type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.1.0/aliplayer-h5-min.js"></script>
    <title>Document</title>
</head>
<body>
    <div id="id_test_video"></div>
    <script>
        
        var player = new Aliplayer({
            id: "id_test_video", // 容器id
            autoplay: true, //自动播放：否
            source: 'http://video.4k-ol.com/e641d7af8ae9473c92561b253f462aa3/8e71e0f6c3a848b58f79370f1953796d-S00000001-100000.m3u8',
            // width: '480px', // 播放器宽度
            // height: '320px', // 播放器高度
            // cover: "{$live['couver']}",
            playsinline: true,
            isLive: false,
            x5_type:'h5',
            x5_video_position:'top',
            // vid: "{$live['vid']}",
            // playauth: "{$live['playauth']}",
            // showBuffer: false,
            // from: '4klive-wechat',
        });
    </script>
</body>
</html>